@import './modules/reset';
@import './modules/header';
@import './modules/footer';


.login{
	width:100%;
	height:600px;
	background-color:#F5F5F5;
	overflow: hidden;
	.box{
		// display: none;
		width:350px;
		height:500px;
		margin:50px auto;
		h3{
			font-size: 20px;
			color:#666666;
			text-align: center;
			line-height:70px;
		}
		form{
			font-size: 12px;
			height:220px;
			position: relative;
			input{
				width:100%;
				height:40px;
				margin-bottom: 30px;
				border:1px solid #ccc;
				padding:0 20px;
				outline: none;
				border-radius: 3px;
			}
			input:nth-child(5){
				background-color:#DD4A68;
				border:none;
				&:hover{
					background-color: #D43F3A;
					transition:all 1s;
				}
			}
			// #remember{
			// 	width:12px;
			// 	height:12px;
			// 	margin:{
			// 		bottom: 10px;
			// 		right:10px;}
			// }
		}
		ul{
			width:100%;
			height:60px;
			display: flex;
			border-bottom: 1px solid #ccc;
			justify-content: space-around;
			font-size: 12px;
			li{
				width:100px;
				height:14px;
				text-align:center;
				line-height: 14px;
				border-right:1px solid;
				a{
					color:#337AB7
				}
			}
		}
		span{
			font-size: 12px;
			color:#666;
			background-color: #F5F5F5;
			position:relative;
			left:30%;
			top:-12px;
			padding:0 20px;
		}
		.way{
			width:100%;
			height:40px;
			display: flex;
			justify-content: space-around;
			margin-top:20px;
			a{
				float: left;
				width:40px;
				height:40px;
			}
			a:nth-child(1){
				background: url(/images/vb2.png) no-repeat center center;
				background-size: 40px 40px;
			}
			a:nth-child(2){
				background: url(/images/qq.png) no-repeat center center;
				background-size: 40px 40px;
			}
			a:nth-child(3){
				background: url(/images/vx2.png) no-repeat center center;
				background-size: 40px 40px;
			}
		}
		
	}
	.success{
		width:100%;
		height:300px;
		background-color: #F5F5F5;
		display: none;
		p{
			margin-top:200px;
			font-size: 16px;
			color:#555555;
			text-align: center;
		}
		a{
			float: left;
			font-size: 18px;
			width:150px;
			height:50px;
			line-height: 50px;
			text-align: center;
			color:#666;
			border:2px solid #999;
			border-radius: 5px;
			margin-top:30px;
			&:nth-child(2){
				margin-left: 38%;
			}
			&:nth-child(3){
				margin-left: 20px;
			}
		}
	}
}